<template>
    <g :transform="`translate(${point.x},${point.y})`" @mousedown="onMouseDown" @touchstart="onMouseDown">
        <ellipse class="draggable-component" :data-refInfo="refInfo" cx="0" cy="0" rx="3" ry="3"></ellipse>
    </g>
</template>

<script>
    const {DraggableMouse} = require('../js/draggable-mouse');
    export default {
        name: "DraggableEllipse",
        mixins: [DraggableMouse],
        methods: {
            onMouseDown(event) {
                this.dragMouseDown(event);
            }
        }
    }
</script>

<style scoped>

</style>